<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>个人简历</title>
        <style >/*type="text/css"*/
            #alertBox {
                position: fixed;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background-color: #b14a4a;
                border: 1px solid #e78989;
                padding: 20px;
                z-index: 1000;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                text-align: center;
                font-size: 18px;
                color: #000;
            }
            body{
                background-image:url(../6111/13（1）.jpg);
                background-repeat:repeat ;
                background-size: cover;
                opacity: 60%;/*颜色透明度p98*/
                color: #000;
            }
            table{
                border: 1px solid #ccc;
                width: 600px;
                height: auto;
                margin: 0 auto;
                border-collapse: collapse;
                font-size: 14px;
            }
            td{
                width: 80px;
                border: 1px solid #ccc;
            }
            .one{background: #eee;}
            .two{
                text-align: center;
                font-size: 20px;
                font-weight: bold;
            }
        </style>
        
    </head>
    <body>
        <div id="alertBox">开始编写简历</div>
        <script type="text/javascript">
            // 设置5秒后自动关闭弹窗的计时器
            setTimeout(function() {
                document.getElementById('alertBox').style.display = 'none';
            }, 5000);
        </script>
        <table>
            <tr>
                <td colspan="5" class="one two">简历表</td>
            </tr>
            <tr>
                <td class="one">姓名</td>
                <td><form><input type="text" name="name"> <input type="reset" value="重置"></form></td>
                <td class="one">年龄</td>
                <td><form><input type="text" name="age"><input type="reset" value="重置"></form></td>
                <td rowspan="5"><input type="file" name="photo">照片</td>

            </tr>
            <tr>
                <td class="one">籍贯</td>
                <td><form><input type="text" name="native piace"><input type="reset" value="重置"></form></td>
                <td class="one">性别：<!--radio 单选按钮--></td>
                <td>
                    <input type="radio" name="sex" checked="checked"/>男
                    <input type="radio" name="sex"/>女
                </td>
            </tr>
            <tr>
                <td class="one">身高</td>
                <td><form><input type="text" name="height"><input type="reset" value="重置"></form></td>
                <td class="one">联系电话</td>
                <td><form><input type="text" name="phone"><input type="reset" value="重置"></form></td>
            </tr>
            <tr>
                <td class="one">电子邮件</td>
                <td><form><input type="text" name="email"><input type="reset" value="重置"></form></td>
                <td class="one">QQ号码</td>
                <td><form><input type="text" name="qq"><input type="reset" value="重置"></form></td>
            </tr>
            <tr>
                <td class="one">个人简历</td>
                <td colspan="4"><form><textarea cols="50" rows="8"></textarea><input type="reset" value="重置"></form></td>
            </tr>
            <tr>
                <td colspan="7"><form><textarea cols="85" rows="8"></textarea><input type="reset" value="重置"></form></td>
            </tr>
            <tr>
                <td class="one">技能描述</td>
                <td><textarea name="skills"></textarea></td>
            </tr>
        </table>
        <button onclick="generatePdf()">生成PDF</button>
        <script src="file:///C:/Users/PC-608/Desktop/qianduan/CSS/6111/13%E5%91%A8.html"></script>
        <script>
            function generatePdf(){
                const doc=new jsPDF();
                doc.save('example.pdf');
            }
        </script>
        <button id="save"><a href="file:///C:/Users/PC-328/Desktop/qianduan/CSS/12-19%E4%BD%9C%E4%B8%9A.html">提交</a></button>
        <script>
           document.getElementById("save").onclick=function(){
            var age=document.getElementsByName("age")[0].value;
            if (age<18){
                alert("不能提交");
                alert("未成年")
                return false;
            }
            else if (age>=18){
                if(age>=18&&age<25){
                    alert("可以提交");
                    alert("青少年");
                }
                else if(age>=25&&age<30){
                    alert("可以提交");
                    alert("青年");
                }
                else if(age>=30&&age<50){
                    alert("可以提交");
                    alert("中年");
                }
                else if(age>=50){
                    alert("可以提交");
                    alert("中老年");
                }
            }
            var name=document.getElementsByName("name")[0].value;
            var name=document.getElementsByName("email")[0].value;
            var name=document.getElementsByName("phone")[0].value;
            if (name===""||email===""||phone===""){
                alert("姓名，电子邮件和电话不能为空");
                return false;
            }
            else{
                window.location.href="13周.html"
            }
           }
           window.onload=function(){
            setTimeout(function(){
                location.reload();
            },20000);
           };
        </script>
    </body>
</html>